﻿/// <reference path="jquery-1.4.4-vsdoc.js" />
var components = new Array();
var componentCounter;

$(document).ready(function () {
    GetComponentData();
});

function GetComponentData() {
    var serviceUrl = "../../service/cService.ashx?handler=ComponentHandler&action=GetComponentsByAdminID";
    $.ajax({
        url: serviceUrl,
        dataType: 'json',
        beforeSend: function () {
            // Handle the beforeSend event
        },
        success: GetComponentDataSuccess,
        error: GetComponentDataFailure
    }); // $.ajax
}

function GetComponentDataFailure(XMLHttpRequest, textStatus, errorThrown) {
    alert("GetComponentData failure")
}

function GetComponentDataSuccess(data, textStatus, xmlRequest) {
    componentCounter = 0;
    components = data;
    $("#ComponentLinkTemplate").tmpl(data).appendTo(".leftAdminColumn");
    $(".ComponentLink:first").addClass("pink");
    $(".ComponentLink").click(function () {
    	componenturl = $(this).attr("ComponentPath");
    	$(".ComponentLink").addClass("silver");
    	$(".ComponentLink").removeClass("pink");
    	$(this).addClass("pink");
    	$(this).removeClass("silver");
    });

    $(".rightAdminColumn").load(components[0].ComponentPath, function () {
//    	$("#LoadingBox").fadeOut("400", function () {
//    		$(".mainBgContent").fadeIn("400");
//    	});

    });

}

//function ShowComponentsRecursive() {
//	var selector = '#' + components[componentCounter].ComponentName;
//	if (componentCounter == 0) {
//		$(selector).addClass("pink");
//		$(selector).removeClass("silver");
//	}
//   	$(selector).fadeIn("false", function () {
//   	    componentCounter++;
//   	    if (componentCounter < components.length) {
//   	        ShowComponentsRecursive();
//   	    }
//   	});
//}

//function LoadComponentsRecursive()
//{
//    var selector = '#' + components[componentCounter].ComponentName;
//    $(selector).load(components[componentCounter].ComponentPath, function () {
//        $(selector).fadeIn("fast", function () {
//            componentCounter++;
//            if (componentCounter < components.length) {
//                LoadComponentsRecursive();
//            }
//        });
//    });
//}
